<html>
    <body lang="en">

        <div id="main">
            <div id="content">
                <div id="masthead">
                    <span class="head">Mis Compras</span>
                    <ul class="breadcrumbs">
                        <li> 
                            <?php
                            if ($this->session->userdata('tipo') == 1) {
                                echo "Administrador";
                            } else if ($this->session->userdata('tipo') == 2) {
                                echo "Jefe";
                            }else
                                echo "Usuario";
                            ?> : 
                            Hola <?php echo $this->session->userdata('username'); ?></li>

                    </ul>
                </div>
                <div id="page-content-full">

                    <ul class="tabs">
                        <li><a href="#"><span>Formulario de Compra</span></a></li>
                        <li><a href="#"><span>Mis Compras</span></a></li>

                    </ul>
                    <div class="panes">
                        <div >
                            <form>
                                <table id="tablaCompras"  >
                                    <tbody id="compras1">
                                        <tr>
                                            <!--<td rowspan="4"><img  src="img/comprasLogo.png" ></td>-->
                                            <td rowspan="4" >Imagen</td>
                                            <td rowspan="2" class ="etiquetaTitulo" ><strong>INSTITUTO COSTARRICENSE DE ELECTRICIDAD UEN PRODUCCION DE ELECTRICIDAD</strong></td>
                                            <td>Código: ${codigo}</td>

                                        </tr>
                                        <tr>

                                            <td>Versión: ${version} </td>

                                        </tr>
                                        <tr>
                                            <td rowspan="2" class ="etiquetaTitulo"><strong>AUTORIZACION DE COMPRA POR FONDO DE TRABAJO</strong></td>
                                            <td>Página: ${pagina}</td>
                                        </tr>
                                        <tr>

                                            <td>Riger a partir de: ${rigerApartir}</td>
                                        </tr>
                                    </tbody>
                                </table>


                                <table id="tablaCompras"  >
                                    <tbody id="compras1"></tbody>

                                    <tr>
                                        <td  class =" etiqueta1" style ="color: black">Fecha:&nbsp;</td>   
                                        <td  class="campo">
                                            <input type ="text" id="fecha" size ="15" />
                                        </td>
                                        <td  class =" etiqueta1" style ="color: black">Autorización de Compra <br/>(AC #):&nbsp;</td>                              
                                        <td  class="campo">
                                            <input type ="text" id="AutorizacionCompra" size ="15"/>
                                        </td>

                                        <td  class =" etiqueta1" style ="color: black">Área Solicitante:&nbsp;</td>                              
                                        <td  class="campo">
                                            <input type ="text" id="AreaSolicitante" size ="15"/>
                                        </td>

                                    </tr>  
                                    </tbody>
                                </table>

                                <table id="tablaCompras"  >
                                    <tbody id="compras1">
                                        <tr>
                                            <td  class =" etiqueta1" style ="color: black">Encargado:&nbsp;</td>                              
                                            <td  class="campo">
                                                <input type ="text" id="Encargado" size ="100"/>
                                            </td>
                                        </tr> 
                                    </tbody>
                                </table>

                                <table id="tablaCompras"  >
                                    <tbody id="compras1">
                                        <tr>
                                            <td  class =" etiqueta1" style ="color: black">Adquisición de:&nbsp;</td>                              

                                            <td  class =" etiqueta1" style ="color: black">FALTA:&nbsp;</td>                              
                                            <td  class="campo">
                                                <input type ="text" id="FALTA" size ="15"/>
                                            </td>

                                            <td  class =" etiqueta1" style ="color: black">Servicios:&nbsp;</td>                              
                                            <td  class="campo">
                                                <input type ="text" id="servicios" size ="15"/>
                                            </td>
                                        </tr> 

                                    </tbody>
                                </table>


                                <table id="tablaCompras"  >
                                    <tbody id="compras1">
                                        <tr>

                                            <td colspan="2"  class ="etiquetaNaturaleza">NATURALEZA DE LA <br/>COMPRA</td>
                                            <td rowspan="2" class ="etiquetaNaturaleza" ><br/>CANTIDAD</td>
                                            <td rowspan="2" class ="etiquetaNaturaleza" ><br/>UNIDAD</td>
                                            <td rowspan="2" class ="etiquetaNaturaleza" ><br/>DESCRIPCIÓN DE LA ADQUISICIÓN</td>
                                            <td rowspan="2" class = "etiquetaNaturaleza"><br/>MONTO ESTIMADO&nbsp;</td>    

                                        </tr>
                                        <tr>

                                            <td class ="etiquetaNaturaleza">Nueva <br/>Necesidad </td>
                                            <td class ="etiquetaNaturaleza">Sustitución </td>

                                        </tr>
                                        <tr>
                                            <td  class="campo">
                                                <input type ="text" id="nuevaNecesidad" size ="10"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="sustitucion" size ="10"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="cantidad" size ="10"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="Unidad" size ="10"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="descripcionDeLaCompra" size ="24"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="montoEstimado" size ="15"/>
                                            </td>

                                        </tr>
                                        <tr>

                                            <td  class="campo">
                                                <input type ="text" id="nuevaNecesidad" size ="10"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="sustitucion" size ="10"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="cantidad" size ="10"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="Unidad" size ="10"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="descripcionDeLaCompra" size ="24"/>
                                            </td>
                                            <td  class="campo">
                                                <input type ="text" id="montoEstimado" size ="15"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="5" class = "etiqueta1">Costo total estimado:&nbsp;</td>
                                            <td  class="etiqueta1">
                                                <input type ="text" id="costoTotalEstimado" size ="15"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td  class = "campo">Justificación compra:&nbsp;</td>
                                            <td  colspan="5" class="campo">
                                                <input type ="text" id="justificacionCompra" size ="105"/>
                                            </td>

                                        </tr>

                                    </tbody>
                                </table>


                                <table id="tablaCompras">
                                    <tbody id="compras1">

                                        <tr>
                                            <td  colspan="6" class ="campo" style ="color: black">COTIZACIONES:&nbsp;</td> 
                                        </tr>

                                        <tr>
                                            <td  class =" etiqueta1" style ="color: black">1.&nbsp;</td>   
                                            <td  class="campo">
                                                <input type ="text" id="cotizacion1Nombre" size ="25"/>
                                            </td>
                                            <td  class =" etiqueta1" style ="color: black">Tel.:&nbsp;</td>                              
                                            <td  class="campo">
                                                <input type ="text" id="cotizacion1Tel" size ="25"/>
                                            </td>

                                            <td  class =" etiqueta1" style ="color: black">¢&nbsp;</td>                              
                                            <td  class="campo">
                                                <input type ="text" id="cotizacion1Monto" size ="25"/>
                                            </td>

                                        </tr>  


                                        <tr>
                                            <td  class =" etiqueta1" style ="color: black">2.&nbsp;</td>   
                                            <td  class="campo">
                                                <input type ="text" id="cotizacion2Nombre" size ="25"/>
                                            </td>
                                            <td  class =" etiqueta1" style ="color: black">Tel.:&nbsp;</td>                              
                                            <td  class="campo">
                                                <input type ="text" id="cotizacion2Tel" size ="25"/>
                                            </td>

                                            <td  class =" etiqueta1" style ="color: black">¢&nbsp;</td>                              
                                            <td  class="campo">
                                                <input type ="text" id="cotizacion2Monto" size ="25"/>
                                            </td>

                                        </tr>


                                        <tr>
                                            <td  class =" etiqueta1" style ="color: black">3.&nbsp;</td>   
                                            <td  class="campo">
                                                <input type ="text" id="cotizacion3Nombre" size ="25"/>
                                            </td>
                                            <td  class =" etiqueta1" style ="color: black">Tel.:&nbsp;</td>                              
                                            <td  class="campo">
                                                <input type ="text" id="cotizacion3Tel" size ="25"/>
                                            </td>

                                            <td  class =" etiqueta1" style ="color: black">¢&nbsp;</td>                              
                                            <td  class="campo">
                                                <input type ="text" id="cotizacion3Monto" size ="25"/>
                                            </td>

                                        </tr>

                                        <tr>
                                            <td  class = "campo">Se recomienda adjudicar a:&nbsp;</td>
                                            <td  colspan="6" class="campo">
                                                <input type ="text" id="recomiendaAdjudicar" size ="105"/>
                                            </td>

                                        </tr>

                                        <tr>
                                            <td  class = "campo">Cumplimiento técnico:&nbsp;</td>
                                            <td  colspan="6" class="campo">
                                                <input type ="text" id="cumplimientoTecnico" size ="90"/>
                                            </td>

                                        </tr>

                                        <tr>
                                            <td  colspan="6" class ="campo" style ="color: black">(T.I., Ambiente
                                                y Seguridad ocupacional)&nbsp;</td> 
                                        </tr>

                                        <tr>
                                            <td  colspan="6" class ="etiquetaNaturaleza" style ="color: black">Ver PE-01-ET-81-001 
                                                Matriz de requisitos para la 
                                                adquisición de bienes y servicios&nbsp;</td> 
                                        </tr>



                                        <tr>

                                            <td class="botones" colspan="2">
                                                <input type="submit" value="Imprimir" id="boton" />&nbsp;
                                                <input type="reset"  value="Borrar" id="boton"/>

                                            </td>
                                        </tr>
                                    </tbody>
                                </table>


                            </form>


                        </div>
                        <div>
                            <table width="850px" id="TabTable" >
    <!--                                <caption>Mis Notificaciones</caption>-->
                                <thead>
                                    <tr>
                                        <th scope="col">Fecha</th>
                                        <th scope="col">Codigo</th>
                                        <th scope="col">Ver Detalles</th>
                                    </tr>
                                </thead>
                                <tfoot>
                                    <tr>
                                        <th scope="row">Total</th>
                                        <td colspan="4">20 compras</td>
                                    </tr>
                                </tfoot>


                                <tbody id="notificacion">
                                    <tr>
                                        <td>Tardia</td>
                                        <td>14 de Julio</td>
                                        <td><input type="button" name="VerDetalle" value="Ver Detalle" id="boton"/></td>

                                    </tr>

                                    <tr>
                                        <td>Ausencia</td>
                                        <td>14 de Julio</td>
                                        <td><input type="button" name="VerDetalle" value="Ver Detalle" id="boton"/></td>

                                    </tr>


                                </tbody>  




                            </table>
                        </div>
                    </div>

                    <!-- ENDS Headline -->






                    <div class="clearfix"></div>
                    <div class="shadow-main"></div>

                </div>
                </body>
                </html>
